// --------------------------------------------------
// 徽章数
// @Author: steven.wjx
// @Date:   2020-03-05 13:17:50
// --------------------------------------------------
.#{$ui-name}badge {
	position: relative;
	@include inline-block;

	.#{$ui-name}badge-dot {
		position: absolute;
		top: -3px;
		right: -3px;
		width: 6px;
		height: 6px;
		background-color: $danger-color;
		border-radius: 50%;
		box-shadow: 0 0 0 1px #fff;
	}

	.#{$ui-name}badge-count {
		@include inline-block;
		position: absolute;
		top: -10px;
		right: -10px;
		min-width: 8px;
		text-align: center;
		height: 12px;
		line-height: 12px;
		font-size: 12px;
		padding: 3px 6px;
		color: #fff;
		background-color: $danger-color;
		border: 1px solid $danger-color;
		border-radius: 10px;
		box-shadow: 0 0 0 1px #fff;
	}
	&.#{$ui-name}badge-single {
		.#{$ui-name}badge-count {
			position: static;
			left: inherit;
			right: inherit;
		}
	}
}